<template>
  <div class="common-buttom">
    <ul>
      <li>
        首页
        <i class="iconfont icon-shouye"></i>
      </li>
      <li>
        分类
      </li>
      <li>
        购物车
      </li>
      <li>
        我的
      </li>
    </ul>
  </div>
</template>
<style scoped>
.common-buttom {
  width: 10rem;
  height: 1.1rem;
  background-color: #FF6040;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  ul{
    display: flex;
    justify-content: space-around;
    align-items: center;
    li{
      font-size: 0.3rem;
      color: #fff;
      display: flex;
      flex-direction: column;
    }
  }
}
</style>
